// <!-- 流程步骤区域 - 更新后 -->
//       <div class="process-container">
//         <div class="steps-header">
//           <div class="steps-title">订单流程管理</div>
//           <div class="step-filters">
//             <el-button size="mini" :type="filterType === 'all' ? 'primary' : ''" @click="filterType = 'all'">全部步骤</el-button>
//             <el-button size="mini" :type="filterType === 'completed' ? 'success' : ''" @click="filterType = 'completed'">已完成的</el-button>
//             <el-button size="mini" :type="filterType === 'pending' ? 'warning' : ''" @click="filterType = 'pending'">未完成的</el-button>
//           </div>
//         </div>
        
//         <div class="steps-wrapper">
//           <div 
//             v-for="(step, index) in filteredSteps" 
//             :key="index" 
//             class="step-item"
//             :class="step.completed ? 'step-completed' : 'step-pending'"
//             @click="selectStep(step)"
//           >
//             <div class="step-badge">{{ getStepNumber(index) }}</div>
//             <div class="step-name">{{ step.name }}</div>
//           </div>
//         </div>
        
//         <!-- 步骤详情区域 -->
//         <div class="step-detail-container" v-if="selectedStep">
//           <div class="step-detail-header">
//             <div class="step-detail-title">
//               <div class="step-badge step-completed" style="margin-right:10px">{{ getStepIndex(selectedStep) }}</div>
//               {{ selectedStep.name }} - 操作记录
//             </div>
//             <div>
//               <el-tag type="success" v-if="selectedStep.completed">已完成</el-tag>
//               <el-tag type="warning" v-else>进行中</el-tag>
//             </div>
//           </div>
          
//           <table class="detail-table">
//             <thead>
//               <tr>
//                 <th>操作人</th>
//                 <th>完成数量</th>
//                 <th>开始时间</th>
//                 <th>完成时间</th>
//                 <th>所用时长</th>
//               </tr>
//             </thead>
//             <tbody>
//               <tr v-for="(record, idx) in selectedStep.details" :key="idx">
//                 <td>{{ record.operator }}</td>
//                 <td>{{ record.completedQuantity }} 件</td>
//                 <td>{{ record.startTime }}</td>
//                 <td>{{ record.endTime }}</td>
//                 <td>{{ record.duration }}</td>
//               </tr>
//             </tbody>
//           </table>
//         </div>
        
//         <div class="no-step-selected" v-else>
//           <i class="el-icon-info" style="font-size:24px;margin-bottom:10px;"></i>
//           <p>请选择一个步骤查看详细操作记录</p>
//         </div>
//       </div>